<template>
    <div>
        <h2>房号显示</h2>
        <table>
            <tr>
                <td>
                    房型名称<input type="text">
                    <a href="shewhao">查询</a>
                </td>
            </tr>
        </table>
        <table class="table table-bordered">
            <tbody >
                <tr class="bg bg-primary">
                    <td><input type="checkbox" ></td>
                    <td>房型名称</td>
                    <td>房号</td>
                    <td>排序</td>
                    <td>备注</td>
                    <td>状态</td>
                    <td>操作</td>
                </tr>
                <tr>
                    <td><input type="checkbox" ></td>
                    <td>普通房</td>
                    <td>1005</td>
                    <td>5</td>
                    <td>无</td>
                    <td>下架</td>
                    <td>
                        <a>删除</a>
                        <a href="showhao">上架</a>
                    </td>
                </tr>
                <tr>
                    <td><input type="checkbox" ></td>
                    <td>普通房</td>
                    <td>1004</td>
                    <td>4</td>
                    <td>无</td>
                    <td>下架</td>
                    <td>
                        <a>删除</a>
                        <a>上架</a>
                    </td>
                </tr>
                <tr>
                    <td><input type="checkbox" ></td>
                    <td>普通房</td>
                    <td>1003</td>
                    <td>3</td>
                    <td>无</td>
                    <td>上架</td>
                    <td>
                        <a>删除</a>
                        <a>下架</a>
                    </td>
                </tr>
                <tr>
                    <td><input type="checkbox" ></td>
                    <td>普通房</td>
                    <td>1002</td>
                    <td>2</td>
                    <td>无</td>
                    <td>下架</td>
                    <td>
                        <a>删除</a>
                        <a>上架</a>
                    </td>
                </tr>
                <tr>
                    <td><input type="checkbox" ></td>
                    <td>豪华房</td>
                    <td>1001</td>
                    <td>1</td>
                    <td>无</td>
                    <td>下架</td>
                    <td>
                        <a>删除</a>
                        <a>下架</a>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</template>

<script setup lang="ts">
import axios from "axios";
import { onMounted, reactive, ref, toRefs } from "vue";
import { useRouter } from "vue-router";
const router=useRouter();
// const form:any=ref([])
// const showxing:any=reactive({
//     start:{
//         fname:'',
//         index:1,
//         size:2
//     },
//     list:[],
//     count:0,
//     sum:0,
// })
// const {start,list,count,sum}=toRefs(form);
// const getshow=()=>{
//     let obj={
//         fname:start.value.fname,
//         index:start.value.index,
//         size:start.value.size,
//     }
//     axios.get("https://localhost:7074/api/fangxing/Showfang?fname="+obj.fname+"&index="+obj.index+"&size="+obj.size).then(res=>{
//         showxing.value=res.data.data; 
//         count.value=res.data.count;
//     })
   
// }

// const show=(e:any)=>{
//     switch(e){
//         case 'a':
//             if(start.value.index==1){
//                 alert("已经是第一页了");
//                 return;
//             }
//             start.value.index-=1
//             break;
//         case 'b':
//         if(start.value.index==sum.value){
//                 alert("已经是第一页了");
//                 return;
//             }
//             start.value.index+=1
//             break;
//         case 'c':
//         if(start.value.index==1){
//                 alert("已经是第一页了");
//                 return;
//             }
//             start.value.index=1
//             break;
//         case 'd':
//             start.value.index=sum.value
//             break;
//     }
//     getshow();
// }


// onMounted(()=>{
//     getshow();
// })
</script>

<style scoped>

</style>